<template>
  <div>
    <van-search
      v-model="value"
      shape="round"
      background="#white"
      placeholder="请输入搜索关键词"
    />
    <van-collapse v-model="activeNames">
      <van-collapse-item title="第一章">
        
      </van-collapse-item>
      <van-collapse-item title="第二章">
     

      </van-collapse-item>
      <van-collapse-item title="第三章">
        <van-steps direction="vertical" :active="0">
          <van-step> 第一课时 </van-step>
        </van-steps>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>


<script>
export default {
  data() {
    return {
      activeNames: [""],
      value: "",
      list: ["a", "b"],
      result: [],
    };
  },
  mounted() {
    this.axios;
    let user_id = localStorage
      .getItem("user_id")
      .post("http://localhost:3000/select_kc", {
        user_id: user_id,
      })
      .then((res) => {
        console.log(res);
      })
      .catch((error) => {
        console.log(error);
      });
  },
  methods: {
    toggle(index) {
      this.$refs.checkboxes[index].toggle();
    },
  },
};
</script>

<style scoped>
/deep/.van-cell {
  background-color: #eee;
}
</style>